<!DOCTYPE html>
<html lang="zh-hans-CN">
<head>
  <meta charset="UTF-8">
  <title>发票信息</title>
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <link rel="stylesheet" href="../css/frozen.css">
  <link rel="stylesheet" href="../css/style.css">
</head>
<body>

<section class="ui-tab invoice">
  <ul class="ui-tab-nav ui-border-b">
    <li class="href" data-href="user_invoice.html">开发票</li>
    <li class="href" data-href="user_invoice_water.html">已开发票</li>
    <li class="current href" data-href="user_invoice_matching.html">发票核销</li>
  </ul>
  <ul class="ui-tab-content">
    <!-- 发票核销 -->
    <li class="current">
      <article class="consum">
        <ul class="ui-list-pure">
          <li class="ui-border-radius">
            <div class="consun-content">
              <h4 class="lit-size"><i class="i-logo"></i> 2016-06-15  12:10 <span class="pull-right">开票金额：160元</span></h4>
              <p>发票抬头：北京昂沁科技有限公司</p>
            </div>
            <a href="javascript:" class="consum-btn ui-border-t xh" data-id="jjfdf">发票核销</a>
          </li>
          <li class="ui-border-radius">
            <div class="consun-content">
              <h4 class="lit-size"><i class="i-logo"></i> 2016-06-15  12:10 <span class="pull-right">开票金额：160元</span></h4>
              <p>发票抬头：北京昂沁科技有限公司</p>
            </div>
            <a href="javascript:" class="consum-btn ui-border-t xh" data-id="jjfdf">发票核销</a>
          </li>
          <li class="ui-border-radius">
            <div class="consun-content">
              <h4 class="lit-size"><i class="i-logo"></i> 2016-06-15  12:10 <span class="pull-right">开票金额：160元</span></h4>
              <p>发票抬头：北京昂沁科技有限公司</p>
            </div>
            <a href="javascript:" class="consum-btn ui-border-t xh" data-id="jjfdf">发票核销</a>
          </li>

        </ul>
      </article>
    </li>
  </ul>
</section>


<!-- 发票核销 -->
<div class="pop" id="fpxh">
  <div class="pop-content">
    <div class="pop-mask"></div>
    <div class="pop-section">
      <div class="pop-box">

        <div class="pop-c-header text-center">发票核销 <span class="pop-close">&times;</span></div>
        <div class="pop-c-content">

          <div class="ui-form user-i-content invoice-form">
            <div class="ui-form-item ui-border-b">
              <label>发票金额</label>
              <input type="tel" placeholder="发票金额" id="je">
            </div>
            <div class="ui-form-item ui-border-b">
              <label>发票抬头</label>
              <input type="text" value="北京是对方即可" readonly id="tt">
            </div>
            <div class="ui-form-item ui-border-b">
              <label>发票号</label>
              <input type="text" value="te132135441" placeholder="发票号" id="ph">
            </div>
            <div class="ui-form-item ui-border-b">
              <label>核销密码</label>
              <input type="password" placeholder="核销密码" id="password">
            </div>
            <div class="ui-form-item ui-border-b">
              <label>开票人</label>
              <input type="text" placeholder="开票人" value="撒的发" id="kpr">
            </div>
            <div class="ui-btn-wrap">
              <button type="button" class="ui-btn-lg ui-btn-danger" id="case">确定</button>
            </div>
          </div>

          <div class="rech-rec-sec">
            <section class="ui-panel ui-panel-simple ui-border-t">
              <h2 class="ui-arrowlink"><span><i class="i-logo"></i> 发票明细</span></h2>
            </section>
            <ul class="ui-list ui-border-t" id="mx"></ul>
          </div>
        </div><!-- pop-c-content -->

      </div>
    </div>
  </div>
</div>


<script src="../lib/zepto.min.js"></script>
<script src="../lib/layer.js"></script>
<script src="../js/frozen.js"></script>
<script src="../js/main.js"></script>
<script>
  (function() {
    cc.program.invoiceMatching('../../data/data.json?1');
  })();
</script>
</body>
</html>